<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>

  h1 {
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
  }

  table {
    border-collapse: collapse;
  }

  th {
    cursor: pointer;
  }

  td.detailsColumn {
    -webkit-padding-start: 2em;
    text-align: end;
    white-space: nowrap;
  }

  a.icon {
    -webkit-padding-start: 1.5em;
    text-decoration: none;
  }

  a.icon:hover {
    text-decoration: underline;
  }

  a.file {
    background : url(" ") left top no-repeat;
  }

  a.dir {
    background : url(" ") left top no-repeat;
  }

  a.up {
    background : url(" ") left top no-repeat;
  }

  html[dir=rtl] a {
    background-position-x: right;
  }

  #parentDirLinkBox {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  #listingParsingErrorBox {
    border: 1px solid black;
    background: #fae691;
    padding: 10px;
    display: none;
  }
</style>

<body>
  <h1 id="header">/Users/a123/Documents/study_project/nodeJs/02/data/测试目录/ 的索引</h1>
  <table>
    <thead>
      <tr class="header" id="theader">
        <th id="nameColumnHeader" tabindex="0" role="button">名称</th>
        <th id="sizeColumnHeader" class="detailsColumn" tabindex="0" role="button">
          大小
        </th>
        <th id="dateColumnHeader" class="detailsColumn" tabindex="0" role="button">
          修改日期
        </th>
      </tr>
    </thead>
    <tbody id="tbody">
      <tr>
        <td data-value="apple/"><a class="icon dir"
            href="/Users/a123/Documents/study_project/nodeJs/02/data/%E6%B5%8B%E8%AF%95%E7%9B%AE%E5%BD%95/apple/">^_^/</a>
        </td>
        <td class="detailsColumn" data-value="0"></td>
        <td class="detailsColumn" data-value="1617257385">2021/4/1 下午2:09:45</td>
      </tr>
      <tr>
        <td data-value="img/"><a class="icon dir"
            href="/Users/a123/Documents/study_project/nodeJs/02/data/%E6%B5%8B%E8%AF%95%E7%9B%AE%E5%BD%95/img/">img/</a>
        </td>
        <td class="detailsColumn" data-value="0"></td>
        <td class="detailsColumn" data-value="1617257392">2021/4/1 下午2:09:52</td>
      </tr>
      <tr>
        <td data-value="a.txt"><a class="icon file" draggable="true"
            href="/Users/a123/Documents/study_project/nodeJs/02/data/%E6%B5%8B%E8%AF%95%E7%9B%AE%E5%BD%95/a.txt">a.txt</a>
        </td>
        <td class="detailsColumn" data-value="0">0 B</td>
        <td class="detailsColumn" data-value="1540224678">2018/10/23 上午12:11:18</td>
      </tr>
    </tbody>
  </table>
</body>

</html>